<template>
	<view>
		<!-- 收银台 -->
		<view class="edgeInsetTop"></view>
		<view class="wanl-pay">
			<view class="price-box">
				<text class="text-df">{{order_no}}</text>
				<text class="wanl-pip margin-top-sm">{{tag}}{{price}} <text v-if="pay_xy_money>0 && yld_type == 2">+Y{{ pay_xy_money}}</text></text>
			</view>
			<view class="list-box">
				<view class="item" v-if="isbao=='1'&& payConfig=='1'">
					<view class="jf-pay">
						<image src="@/static/images/jf-ioc.png" class="img"></image>
					</view>
					<view class="action">
						<text class="title wanl-pip">
							<u--input :placeholder="$t('moneyPay.input.integral.placeholder')" border="0" type='number'
								v-model="pay_xy_money">
								<template slot="prefix">{{$t('moneyPay.input.integral.title')}}<!-- $ --></template>
							</u--input>
							<text
								class="assetsmMoney">$:{{money||0}},{{$t('moneyPay.input.integral.subtitle2')}}:{{blmoney||0}}</text>
						</text>
					</view>
					<view class="radio text-xxl">
						<text v-if="current==1" class="wlIcon-xuanze wanl-gray-light" @click="dianj(1)"></text>
						<text v-else class=" wlIcon-xuanze-danxuan wanl-orange" @click="dianj(2)"></text>
					</view>
				</view>
				<view class="item" v-if="isbao=='0' && yld_type != 3 ">
					<view class="jf-pay">
						<image src="@/static/images/jf-ioc.png" class="img"></image>
					</view>
					<view class="action">
						<text class="title wanl-pip">
							<u--input :placeholder="$t('moneyPay.input.YLD.placeholder')" border="0" readonly  type='number'
								v-model="pay_xy_money">
								<template slot="prefix">{{$t('moneyPay.input.YLD.title')}}</template>
							</u--input>
							<text
								class="assetsmMoney">YLD:{{money||0}},{{$t('moneyPay.input.integral.subtitle2')}}:{{blmoney||0}}</text>
						</text>
					</view>
					<view class="radio text-xxl">
						<text v-if="current==1" class="wlIcon-xuanze wanl-gray-light" @click="dianj(1)"></text>
						<text v-else class=" wlIcon-xuanze-danxuan wanl-orange" @click="dianj(2)"></text>
					</view>
				</view>
				<view class="line"></view>
				<view class=" item" v-for="(item, index) in payList" :key="index" v-if="yld_type != 1 || isbao == 1">
					<text :class="'wlIcon-'+ item.type +'-pay'"></text>
					<view class="action">
						<text class="title wanl-pip">{{item.name}}</text>
						<view v-if="item.type == 'gold'">
							<text>{{$t('moneyPay.paytype.gold.subtitle1')}} {{yuanbaoYuE}}</text>
						</view>
						<view v-if="item.type == 'balance'">
							<text v-if="isbalance">{{$t('moneyPay.paytype.balance.subtitle1')}} ${{user.money}}</text>
							<text v-else>{{$t('moneyPay.paytype.balance.subtitle2')}} ${{user.money}}</text>
						</view>
						<view v-else>{{item.describe}}</view>
					</view>
					<view class="radio text-xxl" v-if="item.state" @tap="onSelect(index)">
						<text v-if="item.select" class="wlIcon-xuanze-danxuan wanl-orange"></text>
						<text v-else class="wlIcon-xuanze wanl-gray-light"></text>
					</view>
					<view class="radio text-xxl" v-else>
						<text class="wlIcon-xuanze-danxuan wanl-gray-light"></text>
					</view>
				</view>
			</view>
			<view v-if="disabled">
				<button class="mix-btn wanl-bg-redorange"> <text
						class="wlIcon-jiazai wlIconfont-spin margin-right-xs"></text>{{$t('moneyPay.but.pay-progress')}}...
				</button>
			</view>
			<view v-else>
				<button v-if="payNum == 1" class="mix-btn wanl-bg-redorange" @tap="confirmPwd()">
					<!-- 确认支付 -->{{$t('moneyPay.but.pay-ok')}} </button>
				<button v-else class="mix-btn wanl-bg-redorange" @tap="confirm()">
					<!-- 合并支付 -->{{$t('moneyPay.but.pay-ok2')}} </button>
			</view>
			<view class="footer text-center">
				<view class="text-sm" v-if="order_pay_no">
					{{order_type === 'groups' ? '拼团':''}}{{$t('moneyPay.footer.tips.order_pay_no')}}：{{order_pay_no}}
				</view>
				<view> © {{$t('moneyPay.footer.tips.pay')}}</view>
			</view>
		</view>
		<wanl-modal custom :show="attendanceModalVisible">
			<view class="attendance-modal">
				<view class="modal-header">
					<!--					<image :src="$wanlshop.appstc('/common/cup.png')" mode="widthFix"></image>-->
				</view>
				<view class="modal-content text-sm wanl-gray"
					style="font-size: 30rpx;color:#333333;text-align: justify;line-height: 48rpx">
					<view>{{ `请在神话 APP 转账${jinyuanbao}算力至${phoneConfig}` }}</view>
				</view>
				<view class="modal-btn" style="    display: flex;
    justify-content: center;"><button class="cu-btn wanl-bg-redorange round lg text-sm" style="    width: 80%;
    margin: 20px 0 0 0;" @tap="attendanceModalVisible = false;">我知道了</button></view>
			</view>
		</wanl-modal>
		<u-popup :show="show" mode="bottom" @close="close" :closeable='true' :closeOnClickOverlay='true' round="16rpx">
			<view class="cont">
				<view class="title">请输入支付密码</view>
				<view class="xy">
					<u-code-input v-model="pwd" :space="0" borderColor="#E6E6E6" size='58' :maxlength="6"
						:dot='true'></u-code-input>
				</view>
				<view class="btn-reset" @click="payBtn">支付</view>
			</view>
		</u-popup>
		<u-loading-icon text="支付中..." textSize="18" :show="show1" :vertical='true' loading-color='#fff'
			color="#fff"></u-loading-icon>
	</view>

</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				token: '',
				disabled: false,
				price: '0.00',
				jinyuanbao: '0.00',
				isbalance: false,
				isJinyuanbao: true,
				order_type: 'goods',
				order_no: '',
				order_pay_no: '',
				payNum: 1, // 支付方式 独立支付-合并支付
				payList: [],
				order_data: [],
				attendanceModalVisible: false,
				zhifuData: null,
				phoneConfig: '',
				yuanbaoYuE: '',
				isbao: '0',
				current: 1,
				money: '',
				payConfig: null,
				type_statu: '',
				pay_xy_money: '',
				blmoney: '0',
				show: false,
				show1: false,
				pwd: '',
				yld_type:0,
				tag:'$'
			}
		},
		computed: {
			...mapState(['user'])
		},
		watch: {
			price(val, newval) {
				if (val <= parseFloat(this.$store.state.user.money)) {
					this.isbalance = true;
					this.getPayment();
				}
				if (val <= parseFloat(this.jinyuanbao)) {
					// this.isJinyuanbao = true;
				}
			}
		},
		async onLoad(option) {
			if (option && option.isbao == '1') {
				this.isbao = '1'
			} else {
				this.isbao = '0'
			}
			this.yld_type = option.yld_type
			if(this.isbao == 0 && option.yld_type ==1){
				this.current = 2
				this.pay_xy_money = option.blmoney
				this.tag = 'Y'
			}
			// console.log(JSON.parse(option.data) )
			// return false
			if(option.order_id){
				await uni.request({
					url: '/wanlshop/order/detail',
					method: 'POST',
					data: {
						order_id:option.order_id,
						order_type: option.order_type
					},
					success: (res) => {
						if(res.data.yld_type==2){
							this.current = 2
							this.tag = 'Y'
							this.pay_xy_money = res.data.price
						}
						this.yld_type = res.data.yld_type -1
						
					}
				});
				
				
				
			}
			if (option && option.blmoney) {
				this.blmoney = option.blmoney
			}
			
			this.getConfig();
			this.getMoney();
			this.getxtyldpay()
			await uni.request({
				url: '/wanlshop/user/refresh',
				method: 'POST',
				data: {},
				success: (res) => {
					this.yuanbaoYuE = res.data.userinfo.yuanbao;
					uni.setStorageSync("yuanbao", res.data.userinfo.yuanbao)
				}
			});
			await uni.request({
				url: '/wanlshop/pay/getBalance',
				method: 'POST',
				success: res => {
					this.$store.commit('user/setUserInfo', {
						money: res.data
					});
					// 获取支付列表
					this.getPayment();
				}
			});
			if (option.data) {
				var sum = 0,
					goldSum = 0,
					data = JSON.parse(option.data),
					order_ids = [];
				this.order_data = data;
				if (data.length <= 1) {
					this.price = data[0].price;
					this.jinyuanbao = data[0].gold;
					this.order_type = data[0].type;
					this.order_no =
						`${data[0].type == 'groups' ? '拼团':''}${this.$t('moneyPay.footer.tips.order_no')}：${data[0].order_no}`;
					this.order_pay_no = data[0].pay_no;
					this.order_id = data[0].order_id;
					await uni.request({
						url: '/wanlshop/order/yldPrice',
						data: {
							order_id:data[0].order_id,
						},
						method: 'POST',
						success: res => {
							if(res.data.yld_price){
								this.pay_xy_money = res.data.yld_price
								this.blmoney = res.data.yld_price
								this.current = 2
								this.price = res.data.price
							}
						}
					});
					
				} else {
					data.forEach(item => {
						sum = this.$wanlshop.bcadd(sum, item.price);
						goldSum = this.$wanlshop.bcadd(goldSum, item.gold);
						order_ids.push(item.order_id);
					});
					this.price = sum;
					this.jinyuanbao = goldSum;
					this.order_id = order_ids;
					this.payNum = data.length;
					this.order_no = this.$t('moneyPay.footer.tips.mergeOrder', {
						length: data.length
					}) //'合并支付 ' + data.length + '个订单';
				}
				this.token = option.token;
			} else if (option.order_id) {
				uni.showLoading({
					title: this.$t('moneyPay.loading.pay.tips') + '...'
				});
				await uni.request({
					url: '/wanlshop/pay/getPay',
					method: 'POST',
					data: {
						order_id: option.order_id,
						order_type: option.order_type
					},
					success: res => {
						uni.hideLoading();
						this.token = res.data.token;
						this.price = res.data.price;
						this.order_type = res.data.order_type;
						this.order_no =
							`${res.data.order_type == 'groups' ? '拼团':''}${this.$t('moneyPay.footer.tips.order_no')}：${res.data.order_no}`;
						this.order_pay_no = res.data.pay_no;
						this.order_id = res.data.order_id;
						this.blmoney = res.data.bl_money
					}
				});
				await uni.request({
					url: '/wanlshop/order/yldPrice',
					data: {
						order_id:option.order_id,
					},
					method: 'POST',
					success: res => {
						if(res.data.yld_price){
							this.pay_xy_money = res.data.yld_price
							this.blmoney = res.data.yld_price
							this.current = 2
							this.price = res.data.price
						}
					}
				});
			} else {
				console.log('非法访问');
			}
		},
		methods: {
			getxtyldpay() {
				uni.request({
					url: "/index/getxtyldpay",
					data: {},
					success: (res) => {
						this.payConfig = res.data.status
					},
				});
			},
			getConfig() {
				var that = this;
				uni.request({
					url: '/wanlshop/user/config',
					method: 'POST',
					success: (res) => {
						that.phoneConfig = res.data.phone
					}
				});
			},
			getPayment() {
				let method = 'wap';
				// #ifdef APP-PLUS
				method = 'app';
				// #endif
				// #ifdef MP-BAIDU
				method = 'mini';
				// #endif
				// #ifdef MP-WEIXIN
				method = 'miniapp';
				// #endif
				// #ifdef MP-ALIPAY
				method = 'mini';
				// #endif
				// #ifdef MP-QQ
				method = 'mini';
				// #endif
				this.payList = [{
					name: this.$t('moneyPay.pay.balance'), //'余额支付',
					describe: '',
					type: 'balance',
					method: 'balance',
					state: this.isbalance ? true : false, // 是否可用
					select: this.isbalance ? true : false // 是否选中
				}];
				// #ifdef H5
				this.payList.push(
					// {
					// 		name: this.$t('moneyPay.pay.alipay'), //'支付宝',
					// 		describe: this.$t('moneyPay.pay.alipay.describe'), //'使用支付宝支付',
					// 		type: 'alipay',
					// 		method: method,
					// 		state: true,
					// 		select: false
					// 	}, {
					// 		name: this.$t('moneyPay.pay.wechat'), //'微信支付',
					// 		describe: this.$t('moneyPay.pay.wechat.describe'), //'推荐使用微信支付',
					// 		type: 'wechat',
					// 		method: method,
					// 		state: true,
					// 		select: this.isbalance ? false : true
					// 	},
					// {
					// 	name: '算力支付',
					// 	describe: '',
					// 	type: 'gold',
					// 	method: 'gold',
					// 	state: this.isJinyuanbao ? true : false, // 是否可用
					// 	// this.isJinyuanbao? true :
					// 	select: false, // 是否选中
					// },
					// {
					// 	name: '组合支付',
					// 	describe: '使用支付宝支付/微信支付+算力支付',
					// 	type: 'mixZhifu',
					// 	method: 'mixZhifu',
					// 	state: true,
					// 	select: false
					// }
				);
				// #endif
				// #ifndef H5
				uni.getProvider({
					service: "payment",
					success: (e) => {
						e.provider.map((value) => {
							if (value == 'alipay') {
								this.payList.push({
									name: this.$t('moneyPay.pay.alipay'), //'支付宝',
									describe: '',
									type: value,
									method: method,
									state: true,
									select: false
								});
							} else if (value == 'wxpay') {
								this.payList.push({
									name: this.$t('moneyPay.pay.wechat'), //'微信支付',
									describe: this.$t(
										'moneyPay.pay.wechat.describe'), //'推荐使用微信支付',
									type: 'wechat',
									method: method,
									state: true,
									select: this.isbalance ? false : true
								});
							} else if (value == 'baidu') {
								this.payList.push({
									name: '百度收银台',
									describe: '',
									type: value,
									method: method,
									state: true,
									select: false
								});
							} else if (value == 'appleiap') {
								this.payList.push({
									name: 'Apple支付',
									describe: '',
									type: 'apple',
									method: method,
									state: true,
									select: false
								});
							}
						})
					}
				});
				// #endif
			},
			//验证密码
			confirmPwd() {
				uni.request({
					url: "/user/getIsPayPassword",
					method: "POST",
					success: (res) => {
						if (res.res.data.pay_password_status == "yes") {
							this.show = true
						} else {
							this.$wanlshop.auth("/pages/newPage/paypwd");
						}
					},
				});

			},

			payBtn() {
				if (this.pwd == '' || this.pwd == null) {
					uni.showToast({
						title: '请输入支付密码',
						icon: 'none'
					})
					return
				}
				if (this.pwd.length < 6) {
					uni.showToast({
						title: '请输入正确的支付密码',
						icon: 'none'
					})
					return
				}
				uni.request({
					url: "/user/reyzPayPassword",
					method: "POST",
					data: {
						paypassword: this.pwd,
					},
					success: (res) => {
						if (res.res.code == 1) {
							this.show = false
							this.show1 = true
							this.confirm()
						} else {
							this.show1 = false
						}
					},
				});
			},
			//确认支付
			confirm() {
				let data = null;
				if (this.current == '2') {
					if (this.isbao == '0') {
						this.type_statu = 'yld'
						if (this.pay_xy_money == '') {
							uni.showToast({
								title: this.$t('moneyPay.toast.pay.yld'), //'请输入YLD算力',
								icon: 'none'
							})
							return
						}
					} else {
						this.type_statu = 'xt'
						if (this.pay_xy_money == '') {
							uni.showToast({
								title: this.$t('moneyPay.toast.pay.xt'), //'请输入XT算力',
								icon: 'none'
							})
							return
						}
					}
					this.pay_xy_money = this.pay_xy_money

				} else {
					this.type_statu = ''
					this.pay_xy_money = ''
				}
				if (this.disabled) {
					return;
				}
				
				this.payList.map((value, index, array) => {
					if (value.select) {
						data = value;
					} else {
						return;
					}
				});
				// 染过UT支付拦截
				if(this.yld_type == 1){
					data={
						describe:'',
						method:'balance',
						'name':'UT',
						'select':true,
						'state':true,
						type:"balance"
					}
				}
				// 判断支付是否存在
				if (!data) {
					this.show1 = false
					uni.showModal({
						content: '余额不足请到算力交易市场充值', //"请选择支付方式",
						showCancel: false
					});
					return;
				} else {
					this.disabled = true;
					// 获取小程序code
					// #ifdef MP
					uni.login({
						success: (e) => {
							this.wanlPay(data, e.code);
						},
						fail: (e) => {
							uni.showModal({
								content: this.$t('moneyPay.toast.login.fail') + e.errMsg,
								showCancel: false
							})
						}
					})
					// #endif
					// #ifndef MP
					// 如果是公众号获取code
					// debugger
					if (data.type == 'mixZhifu') {
						this.$wanlshop.to(
							`/pages/apps/jinyuanbao/shangpin/combinedPayment?token=${uni.getStorageSync("wanlshop:user").token}&data=${JSON.stringify(this.order_data)}`
						);

					} else if (data.type == 'gold') {
						this.zhifuData = data;
						this.creatOrder();
					} else {
						this.wanlPay(data);
					}
					// #endif
				}
			},
			creatOrder() {
				var that = this;
				that.wanlPay(this.zhifuData);
			},
			async wanlPay(data, code = null) {
				await uni.request({
					url: '/wanlshop/pay/payment',
					method: 'POST',
					data: {
						order_type: this.order_type,
						type: data.type,
						method: data.method,
						code: code,
						order_id: this.order_id,
						token: this.token,
						type_statu: this.type_statu,
						pay_xy_money: this.pay_xy_money
					},
					success: res => {
						// 余额支付/小程序支付
						if (res.res.code == '1') {
							switch (data.type) {
								case 'balance':
									this.$store.commit('user/setUserInfo', {
										money: this.$wanlshop.bcsub(this.$store.state.user.money,
											this.price)
									});
									this.paySuccess();
									break;
								case 'gold':
									if (parseFloat(this.$store.state.user.yuanbao) < parseFloat(this
											.jinyuanbao)) {
										this.attendanceModalVisible = true;
									} else {
										this.$store.commit('user/setUserInfo', {
											yuanbao: this.$wanlshop.bcsub(this.yuanbaoYuE, this
												.jinyuanbao)
										});
										uni.setStorageSync("yuanbao", this.$wanlshop.bcsub(this.yuanbaoYuE,
											this.jinyuanbao))
										this.paySuccess();
									}

									break;
								case 'wechat':
									// 微信 H5支付
									if (data.method == 'wap') {
										setTimeout(() => {
											uni.showModal({
												content: this.$t(
													'moneyPay.modal.paytype.wechat.content'
												), //'请确认微信支付是否已完成',
												confirmText: this.$t(
													'moneyPay.modal.paytype.wechat.confirmText'
												), //'已完成',
												cancelText: this.$t(
													'moneyPay.modal.paytype.wechat.cancelText'
												), //'重新支付',
												success: response => {
													if (response.confirm) {
														this.paySuccess();
													} else if (response.cancel) {
														this.confirm();
													}
												}
											});
										}, 2000);
										// 异步查询是否支付成功
										window.location.href = res.data;
										// 微信 APP支付
									} else if (data.method == 'app') {
										uni.requestPayment({
											provider: 'wxpay',
											orderInfo: res.data,
											success: (e) => {
												console.log("success", e);
												this.paySuccess();
											},
											fail: (e) => {
												uni.showModal({
													content: this.$t(
														'moneyPay.modal.pay.fail'
													) + e.errMsg,
													showCancel: false
												})
											},
											complete: () => {
												this.disabled = false;
											}
										})
										// 微信 小程序支付
									} else if (data.method == 'miniapp') {
										uni.requestPayment({
											appId: res.data.appId,
											nonceStr: res.data.nonceStr,
											package: res.data.package,
											paySign: res.data.paySign,
											signType: res.data.signType,
											timeStamp: res.data.timeStamp,
											success: (e) => {
												this.paySuccess();
											},
											fail: (e) => {
												uni.showModal({
													content: this.$t(
														'moneyPay.modal.pay.fail'
													) + e.errMsg,
													showCancel: false
												})
											}
										})
										// 微信 公众平台支付
									} else if (data.method == 'mp') {
										this.$jssdk.wxpay({
											data: res.data,
											success: e => {
												this.paySuccess();
											},
											fail: err => {
												if (err.errMsg == "chooseWXPay:ok") {
													this.$wanlshop.msg(this.$t(
														'moneyPay.toast.pay.success'
													)) //'支付成功');
												} else if (err.errMsg ==
													"chooseWXPay:cancel") {
													this.$wanlshop.msg(this.$t(
														'moneyPay.toast.pay.cancel'
													)) //'支付失败，取消支付');
												} else if (err.errMsg == "chooseWXPay:fail") {
													this.$wanlshop.msg(this.$t(
														'moneyPay.toast.pay.fail'
													)) //'支付失败');
												}
											}
										})
									}
									break;
								case 'alipay':
									if (data.method == 'wap') {

										if (this.$jssdk.isWechat()) {
											//微信内支付宝wep支付
											console.log("=====支付宝支付")
											const paydata = {
												url: res.data,
												price: this.price,
												order_id: this.order_id,
												order_type: this.order_type,
												payNum: this.payNum,
											}
											console.log("===paydata", paydata)
											uni.navigateTo({
												url: `alipay?url=${encodeURIComponent(JSON.stringify(paydata))}`
											})

										} else {
											//浏览器支付宝支付
											this.disabled = false;
											if (this.order_type === 'goods') {
												this.$store.commit('statistics/order', {
													pay: this.$wanlshop.bcsub(this.$store.state
														.statistics.order.pay, this.payNum),
													delive: this.$wanlshop.bcadd(this.$store.state
														.statistics.order.delive, this.payNum)
												});
											}
											document.write(res.data);
										}


									} else if (data.method == 'app') {
										uni.requestPayment({
											provider: 'alipay',
											orderInfo: res.data,
											success: (e) => {
												console.log("success", e);
												this.paySuccess();
											},
											fail: (e) => {
												uni.showModal({
													content: this.$t(
														'moneyPay.modal.pay.fail'
													) + e.errMsg,
													showCancel: false
												})
											},
											complete: () => {
												this.disabled = false;
											}
										})
									}
									break;
							}
						} else if (data.type == 'gold' && res.res.code != '1') {
							this.attendanceModalVisible = true;
						} else {
							this.show1 = false
							uni.showModal({
								content: this.$t('moneyPay.modal.pay.fail') + res.res.msg,
								showCancel: false
							})
						}

					}
				});
			},
			onSelect(key) {
				return false
				this.payList.map((value, index, array) => {
					if (index == key) {
						value.select = !value.select;
					} else {
						value.select = false;
					}
				});
			},
			// 支付成功
			paySuccess() {
				this.show1 = false
				this.disabled = false;
				if (this.order_type === 'goods') {
					this.$store.commit('statistics/order', {
						pay: this.$wanlshop.bcsub(this.$store.state.statistics.order.pay, this.payNum),
						delive: this.$wanlshop.bcadd(this.$store.state.statistics.order.delive, this.payNum)
					});
				}
				this.$wanlshop.to(`/pages/page/success?type=pay&order_type=${this.order_type ? this.order_type:'goods'}`);
			},
			//获取余额
			getMoney() {
				let id = ''
				if (this.isbao == '0') {
					id = '3'
				} else {
					id = '100'
				}
				uni.request({
					url: "/user/getMoney",
					method: 'POST',
					data: {
						type: id,
					},
					success: (res) => {
						if (res.res.code == 1) {
							this.money = res.res.data.money
						}
					},
				});
			},
			dianj(val) {
				return false
				if (val == 1) {
					this.current = 2
				} else {
					this.current = 1
				}
			},
			close() {
				this.show = false
			}

		}
	}
</script>

<style lang="scss">
	page {
		background-color: white;
	}

	radio-group {
		display: block;
	}

	.wlIcon-gold-pay {
		width: 36px;
		height: 36px;
		font-size: 32px;
		margin: 11px 0px;
		background: url("https://d-shenhuashop.bigchun.com/h5test/yuanbao/shangpin/jinyuanbao.png") no-repeat center;
		background-size: 90%;
		background-position-x: -3px;
	}

	.wlIcon-mixZhifu-pay {
		width: 36px;
		height: 36px;
		font-size: 32px;
		margin: 11px 0px;
		background: url("https://d-shenhuashop.bigchun.com/h5test/yuanbao/shangpin/zuhe.png") no-repeat center;
		background-size: 90%;
		background-position-x: -3px;
	}

	.jf-pay {
		width: 100rpx;
	}

	.jf-pay .img {
		width: 36px;
		height: 36px;
	}

	.line {
		height: 2rpx;
		background: #F3F3F3;
		marin: 10rpx 0 10rpx -60rpx;
	}

	.assetsmMoney {
		font-weight: 400;
		font-size: 24rpx;
		color: #999999;
		line-height: 48rpx;
	}

	/deep/.u-input {
		padding-left: 0 !important;
	}

	.cont {
		.title {
			font-weight: bold;
			font-size: 28rpx;
			color: #333333;
			line-height: 48rpx;
			text-align: center;
			padding: 40rpx 0;
		}

		/deep/.u-code-input {
			justify-content: center;
		}

		.xy {
			margin-bottom: 380rpx;
		}

		.btn-reset {
			width: 93%;
			height: 96rpx;
			background: #327CFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			font-weight: 400;
			font-size: 28rpx;
			color: #ffffff;
			line-height: 96rpx;
			margin: 0 auto 40rpx;
			text-align: center;
		}
	}

	/deep/.u-loading-icon {
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9;

		.u-loading-icon__text {
			color: #fff !important;
		}
	}
</style>